<template>
    <view class="appealDetail">
        <view class="item">
            <u--textarea v-model="value1" height="160" placeholder="请输入申诉的说明"></u--textarea>
        </view>
        <view class="image">
            <view class="title">上传图片<textv class="text">(限一张)</textv></view>
            <u-upload></u-upload>
        </view>
        <view class="btn">
            <view class="detail-btn">提交</view>
        </view>
    </view>
</template>
<script>
export default {
    name: "appealDetail",
    components: {},
    mixins: [],
    props: {},
    data() {
        return {
            value1: "", //申诉内容
        };
    },
    computed: {},
    watch: {},
    mounted() {},
    methods: {},
};
</script>
<style lang="scss" scoped>
.appealDetail {
    .item {
        padding: 0 25rpx;
        margin: 25rpx;
    }
    .image {
        padding: 0 25rpx;
        margin: 25rpx;
        .text {
            color: #999;
            font-size: 24rpx;
        }
    }
    .btn {
        position: fixed;
        bottom: 40rpx;
        width: 100%;
        .detail-btn {
            width: 90%;
            margin: 0 auto;
            text-align: center;
            color: #fff;
            padding: 18rpx 0;
            background-color: #df4748;
            border-radius: 50rpx;
        }
    }
}
</style>
